<template>
  <div>
    <echarts-view
      :title="title"
      :x="x"
      :y="y"
      :type="type"
      :yname="yname"
      :width="width"
      :height="height"
    ></echarts-view>
  </div>
</template>

<script setup>
import { ref } from "vue";

import EchartsView from "@/components/EchartsView.vue";

const title = ref("展示图表标题展示");

// x轴方向数据
const x = ref(["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]);
// y 轴方向数据
const y = ref([5, 20, 36, 10, 10, 20]);
// 图表类型  bar为柱状图  line 为折线图  默认bar
const type = ref("line");
// 图表文字展示
const yname = ref("售卖数量");
// 图表宽度
const width = ref("400px");
// 图表高度
const height = ref("300px");
</script>

<style lang="scss" scoped>
</style>